<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Hello cmp</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="http://cmp/css/cmp.css"/>
    <link rel="stylesheet" href="http://commons.v5.cmp/cmp-resources/M1H5.s3css"/>
    
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-sliders.css">
    <style>
    </style>


</head>

<body>
<header class="cmp-bar cmp-bar-nav">
    <a class="cmp-action-back cmp-icon cmp-icon-left-nav cmp-pull-left"></a>

    <h1 class="cmp-title">与会人员</h1>
</header>
<div class="cmp-content position_relative">
    <div id="slider" class="cmp-slider  " style="height: 100%;">
        <div id="sliderSegmentedControl"
             class="cmp-scroll-wrapper ControlItemFormat cmp-slider-indicator cmp-segmented-control cmp-segmented-control-inverted">
            <div class="cmp-scroll ">
                <a class="cmp-control-item cmp-active" href="#item1mobile">
                    参加
                </a>
                <a class="cmp-control-item" href="#item2mobile">
                    待定
                </a>
                <a class="cmp-control-item" href="#item3mobile">
                    不参加
                </a>
                <a class="cmp-control-item" href="#item4mobile">
                    未回执
                </a>

            </div>
        </div>
        <div class="cmp-slider-group ">
            <div id="item1mobile" class="cmp-slider-item cmp-control-content cmp-active">
                <div id="scroll1" class="cmp-scroll-wrapper">
                    <div class="cmp-scroll content_details">
                        1111
                    </div>
                </div>
            </div>
            <div id="item2mobile" class="cmp-slider-item cmp-control-content">
                <div id="scroll2" class="cmp-scroll-wrapper">
                    <div class="cmp-scroll content_details">
                        222
                    </div>
                </div>
            </div>
            <div id="item3mobile" class="cmp-slider-item cmp-control-content">
                <div id="scroll3" class="cmp-scroll-wrapper">
                    <div class="cmp-scroll content_details">
                        333
                    </div>
                </div>
            </div>
            <div id="item4mobile" class="cmp-slider-item cmp-control-content">
                <div id="scroll4" class="cmp-scroll-wrapper">
                    <div class="cmp-scroll content_details">
                        <div class="no_receipt_people">
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="cmp-icon iconfont see-icon-v5-common-view icon"></span>
                            <span class="cmp-icon iconfont icon-daiding icon"></span>
                            <span class="cmp-icon iconfont icon-canjiahuiyi icon"></span>
                            <span class="cmp-icon iconfont icon-bucanjiahuiyi icon"></span>

                            <span class="cmp-icon iconfont see-icon-accessory1 icon"></span>
                            <span class="cmp-icon iconfont icon-isuxicontemplate icon"></span>


                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>
                            <span class="cmp-icon iconfont icon-roundclosefill icon"></span>
                            <span class="people">江流儿</span>


                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
    <s3:data name='cordova' />
<script src="http://cmp/js/cmp.js"></script>
    
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js"></script>
<script src="${data:dependencies.cmp}/js/cmp-scrollBox.js"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js"></script>
<script src="${data:dependencies.cmp}/js/cmp-att.js"></script>
<script src="${data:dependencies.cmp}/js/cmp-sliders.js"></script>
<script>

    cmp.ready(function () {
        cmp("#slider").slider();
//        cmp.listView("#scroll6").refresh();
        cmp.listView("#scroll1");
        cmp.listView("#scroll2");
        cmp.listView("#scroll3");
        cmp.listView("#scroll4");

        cmp.scrollBox("#sliderSegmentedControl");
    });


</script>
</body>

</html>
